<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>双向绑定</title>
</head>
<body>
<div>
    <!--v-model=变量 双向绑定专属属性
    input 中的value属性独有的双向绑定-->
    <input type="text" v-model="info">
    <div>{{info}}</div>
    <input type="radio" v-model="gender"value="man">男
    <input type="radio" v-model="gender"value="woman">女
    <br><span>{{gender}}</span>
    <input type="checkbox" v-model="hobby"value="吸烟">吸烟
    <input type="checkbox" v-model="one"value="喝酒">喝酒
    <input type="checkbox" v-model="two"value="烫头">烫头
    <h1>{{hobby}},{{one}},{{two}}</h1>
</div>
<script src="../js/vue.js"></script>
<script>
    let v=new Vue({
        el:"div",
        data:{
            info:"双向绑定测试",
            gender:"man",
            hobby:"",
            one:"",
            two:"",
        }
    })
</script>
</body>
</html>